import { useState } from 'react'
import '../../css/selected.scss'
import '../../css/longPage/long.scss'
// 引入图标
import { RedditOutlined, LinuxOutlined, CoffeeOutlined, SunOutlined, TruckOutlined, AliwangwangOutlined, MediumOutlined } from '@ant-design/icons';
// 引入progressPage
import ProgressPage from './progressPage'
import LongPage from './longPage';
import SelectedPage from './selectedPage'
import VideoPage from './videoPage';
// 引入模板
import Template from '../Template'
function SelectedInvitation() {
    const festivals = [
        {
            img: "/public/laber2.webp",
            title: "秋秋设计",
            msg: '高级简约时尚炫彩新品发布..',
            avatar: <LinuxOutlined />
        }
    ]
    const longImgs = [
        {
            img: "/public/long1.webp",
            title: "秋秋设计",
            msg: '高级简约时尚炫彩新品发布..',
            avatar: <LinuxOutlined />
        },
        {
            img: '/public/long2.webp',
            title: "小小芭比",
            msg: '特惠五一大活动来袭..',
            avatar: <RedditOutlined />
        }

    ]
    const festivalImgs = [
        {
            img: "/public/laber1.webp",
            title: "秋秋设计",
            msg: '高级简约时尚炫彩新品发布..',
            avatar: <LinuxOutlined />
        },
        {
            img: '/public/laber2.webp',
            title: "金刚芭比",
            msg: '特惠五一大活动来袭..',
            avatar: <RedditOutlined />
        },
        {
            img: "/public/laber3.webp",
            title: "微印象",
            msg: '小清新绿色无污染环保主题..',
            avatar: <CoffeeOutlined />
        },
        {
            img: '/public/laber2.webp',
            title: "神之神角",
            msg: '5.4青年节更显大家风采..',
            avatar: <SunOutlined />
        },
        {
            img: '/public/aae.webp',
            title: "诺澜",
            msg: '爱情公寓全员阵容来袭..',
            avatar: <TruckOutlined />
        },
        {
            img: '/public/aaf.webp',
            title: "诺伊可爱",
            msg: '创意卡通可爱元素主题..',
            avatar: <AliwangwangOutlined />
        },
        {
            img: "/public/aac.webp",
            title: "微印象",
            msg: '小清新绿色无污染环保主题..',
            avatar: <MediumOutlined />
        },
        {
            img: '/public/aad.webp',
            title: "神之神角",
            msg: '5.4青年节更显大家风采..',
            avatar: <LinuxOutlined />
        },
        {
            img: "/public/aaa.gif",
            title: "秋秋设计",
            msg: '高级简约时尚炫彩新品发布..',
            avatar: <LinuxOutlined />
        },
        {
            img: '/public/aab.webp',
            title: "金刚芭比",
            msg: '特惠五一大活动来袭..',
            avatar: <RedditOutlined />
        },
        {
            img: "/public/aac.webp",
            title: "微印象",
            msg: '小清新绿色无污染环保主题..',
            avatar: <CoffeeOutlined />
        },

    ]
    const MultipleVideos = [
        {
            video: "/public/redio0.mp4",
            title: "秋秋设计",
            msg: '高级简约时尚炫彩新品发布..',
            avatar: <LinuxOutlined />
        },
        {
            video: "/public/redio1.mp4",
            title: "金刚芭比",
            msg: '特惠五一大活动来袭..',
            avatar: <RedditOutlined />
        },
    ]
    const allList = [
        {
            thume: '争做劳动先锋·为自己点赞',
            festivalAll1: ['放假通知', '节日促销', '廉洁过节', '世界知识产权日', '世界平面设计日', '劳动节'],
            Component: [
                <VideoPage MultipleVideos={MultipleVideos[0]} />,
                <ProgressPage festivalImgs={festivalImgs} />,
                <LongPage longImgs={longImgs} />,
                <ProgressPage festivalImgs={festivalImgs} />,
                <SelectedPage festivals={festivals} />,
                <ProgressPage festivalImgs={festivalImgs} />,
                <SelectedPage festivals={festivals} />,
                <LongPage longImgs={longImgs} />,
                <ProgressPage festivalImgs={festivalImgs} />,
            ]
        },
        {
            thume: '邀请函·高端会议必备',
            festivalAll1: ['商务会议', '商品必备', '廉洁过节', '世界知识产权日', '世界平面设计日', '劳动节'],
            Component: [
                <ProgressPage festivalImgs={festivalImgs} />,
                <LongPage longImgs={longImgs} />,
                <LongPage longImgs={longImgs} />,
            ]
        },
    ]

    return (
        <div>
            <Template allList={allList[0]} />
        </div>
    )
}

export default SelectedInvitation
